@charset "utf-8";
/* CSS Document */
.container{ width: 1200px; margin: 0 auto }

.top{ line-height: 35px; border-bottom: 1px solid #ddd; color: #666; font-size: 14px; }
.top a{ color: #666 }
.top .container{ display: flex; justify-content: space-between; }
.header{ padding: 20px 0; }
.header .container{display: flex; justify-content: space-between;  align-items:center;}
.search{ display: flex; }
.search .inp_text{ width: 330px; pad line-height: 40px; border: 3px solid #0082df;  margin: 0; padding: 0 10px; }
.search .inp_button{ background: #0082df url(../images/searchico.png) center center no-repeat; width: 50px; cursor: pointer; line-height: 46px; height: 46px; border: 0;  margin: 0; padding: 0; }
.search .inp_text:-webkit-input-placeholder{
        color: #ADD8E6;
}
.search .inp_text:-moz-placeholder{
        color: #ADD8E6;        
}
.search .inp_text:-ms-input-placeholder{  
        color: #ADD8E6;        
}

.nav{ background: #0082df }
.nav .nav_list{ width: 1200px;  height:52px; margin:0 auto; z-index:9999; display: flex; justify-content: space-between;}
.nav li{float:left;height:52px; line-height:52px;position:relative;}
.nav li.last{background:none;}
.nav li a{float:left; display:block; color: #fff; height:52px; text-align:center; line-height:52px; font-size:16px; padding: 0 20px;}
.nav li a:hover{background:#036ab4; text-decoration:none; color:#FFF}
.nav li a.selected{ background:#036ab4; text-decoration:none; color:#FFF}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:52px;left:0px; background:#036ab4;}
.nav li .submenu{width:150px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:0;background:none;height:40px; line-height:40px; border-top:1px solid #fff}
.nav li .submenu li a{float:none;padding:0; text-align: center; width: 150px; height:40px;line-height:40px;background:none; color:#fff;  font-size:14px;}
.nav li .submenu li a:hover{background:#f39800;font-weight:normal; color:#fff; text-decoration:none;}

.swiper-pagination-bullet { background: #0082df; width: 12px; height: 12px;}
.swiper-pagination { display: inline-block; }
.swiper-pagination-bullet-active{ background-color: #ff0202 }
.swiper-button-next{ width:28px; height:76px; background: url(../images/right.png) center center no-repeat; margin-top: -38px; }
.swiper-button-prev{ width:28px; height: 76px; background: url(../images/left.png) center center no-repeat; margin-top: -38px; }
.swiper-button-next:after, .swiper-button-prev:after {display: none;}

.qulicknav{ margin: 50px auto;  }
.qulicknav ul{display: flex; justify-content: space-between; margin: 0 -15px;}
.qulicknav li{box-shadow:0 0 5px 1px rgba(0,0,0,.2); flex:2; margin: 0 15px; display: flex; justify-content: center; padding: 20px 0; position: relative; top:0;}
.qulicknav li span{ display: block; font-size: 14px; color: #666; margin: 0 10px; }
.qulicknav li span b{font-size: 18px; color: #000;}
.qulicknav li:hover{box-shadow:0 0px 10px 1px rgba(0,130,230,.4); top: -6px;transition: top .3s;}
.ad{background-image: url(../images/centerbg.jpg);  background-position: center center; 
            background-repeat: no-repeat; 
            background-attachment: fixed;
            background-size: cover; height: 150px; }
.ad .container{ display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; height: 150px }
.ad h3{ font-size: 36px; color: #ffffff; font-weight: normal }
.adcon{ display: flex; justify-content: center; align-items: center; }
.adcon b{ font-size: 24px; color: #fff; margin: 0 20px; font-weight: normal }

.tit{ text-align: center; margin: 50px 0 30px 0; }
.tit h3{ font-size: 28px; color: #333; font-weight: normal }
.tit span{ width: 40px; display: block; margin: 10px auto; height: 3px; background-color: #cbcbcd; overflow: hidden; }
.tit p{ font-size: 14px; color: #444444 }
.servicelist{ margin-bottom: 50px; }
.servicelist .container ul{ display: flex; justify-content: space-between; margin: 0 -10px; }
.servicelist .container ul li{ margin: 0 10px; position: relative; overflow: hidden; top:6px; }
.servicelist .container ul li img{ width: 100%; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s; }
.servicelist .container ul li a h3{ display: block; background: rgba(0,0,0,.4); color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 45px; font-size: 16px; }
.servicelist .container ul li:hover{ box-shadow:0 0 10px 1px rgba(0,130,230,.4); }
.servicelist .container ul li:hover img{transform:scale(1.1,1.1);}
.ad2{ margin:30px 0; }

.youshi{ background: #0082df url(../images/register-tip.png) center top no-repeat; height: 286px; margin-top: 50px; }
.youshi h2{ display: block; text-align: center; font-size: 28px; color: #fff; padding: 30px 0 0 0;  }
.youshi span{width: 40px; display: block; margin: 20px auto; height: 3px; background-color: #fff; overflow: hidden;}
.youshi ul{ display: flex; justify-content: space-between; margin: 0 -10px; }
.youshi ul li{ margin: 0 10px; background-color: #fff; position: relative; height: 260px; flex:2; text-align: center; padding:30px 10px 0 10px; box-shadow:0 0 10px 1px rgba(0,0,0,.2);}
.youshi ul li h3{ font-size: 18px; color: #333333; margin: 10px 0; }
.youshi ul li p{ text-align: left; color: #666666; font-size: 14px; text-align: left; line-height: 25px; }
.youshi ul li span{ width: 40px; display: block; margin: 10px auto; height: 5px; background-color: #3787ff; overflow: hidden; position: absolute; margin-left: -20px; left: 50%; bottom: -11px; }
.youshi ul li:hover{  box-shadow:0 0 10px 1px rgba(0,130,230,.4);}

.indexnews{ display: flex; justify-content: space-between; margin: 0 -30px 50px -30px;  }
.indexnewslist{ margin: 0 30px; }
.indexnewslist img{ width: 100%; }
.newstit{ margin: 20px 0; display: flex; justify-content: space-between; }
.newstit h3{ font-size: 16px; }
.indexnewslist ul li{display: flex; justify-content: space-between; line-height: 35px;}
.indexnewslist ul li a{ background: url(../images/arrow.jpg) left center no-repeat; padding-left: 15px; color: #666 }
.indexnewslist ul li span{ color: #ababab }

.ad3{background-image: url(../images/foot_banner.jpg);  background-position: center center; 
            background-repeat: no-repeat; 
            background-attachment: fixed;
            background-size: cover; height: 338px; }
.ad3 .container{ display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; height: 338px }
.ad3 h3{ font-size: 43px; color: #ffffff; }
.ad3 h4{ font-size: 43px; color: #bdbdbd; font-weight: normal }
.ad3 a{ display: block; width: 145px; line-height: 43px; font-size: 16px; text-align: center; background: rgba(0,130,223,.8); color: #fff; margin-top:10px; }

.footernav{ padding: 50px 0; background: #0082df; color: #fff; }
.footernav a{ color: #fff;}
.footernav .container{ display: flex; justify-content: space-between;}
.footernav .container h3{ font-size: 18px; color: #fff; margin-bottom: 30px; }
.fnav li a{ line-height: 27px; color: #ddd }
.ftel{ color: #fff; font-size: 36px; }

.footer{ border-top: 1px solid #048bec; padding: 20px 0; line-height: 30px; background: #0082df; color: #fff; }
.footer a{color: #fff;}

/*内容*/
.conbanner{ height: 476px; }
.local{ line-height:70px; font-size: 14px; color: #666 }
.local a{ color: #666 }
.sanv{ margin-bottom:20px; }
.sanv .container{ display: flex;  }
.sanv a{ line-height: 50px; padding: 0 30px; background: #eee; color: #666; font-size: 16px; margin-right: 10px; }
.sanv a:hover{ background: #0082df; color: #fff }
.sanv a.cur{background: #0082df; color: #fff}

.main{ background-color: #f9f9f9; padding: 20px 0; }
.aboutus .container{ background: #fff }
.news_list1{ margin-top: 25px;}

.news_list1 dl{ overflow: hidden; border-bottom: 1px solid #ececec; padding: 25px 0;}
.news_list1 dl a{ display: flex }
.news_list1 dl dt{ width: 200px;  }
.news_list1 dl dt img{ width: 200px;}
.news_list1 dl dd{  margin-left: 30px; float: left; width: 100% }
.news_list1 dl dd h3{ color: #535252; font-size: 16px; display: block; margin-bottom: 10px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_list1 .news_desc{ color: #8f8f8f; font-size: 14px; line-height: 23px; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin: 0}
.news_list1 .news_more{ overflow: hidden; margin: 0; }
.news_list1 .news_more .fl{ width: 50%; line-height: 30px; color: #8f8f8f; font-size: 12px;}
.news_list1 .news_more .fr{ width: 10%; text-align: right; padding-top: 10px; }
.news_list1 dl a:hover h3{ color: #0082df;}

.newscon .container{ display: flex; justify-content: space-between; }
.infol{ width:240px; height:auto; margin-top: -100px;}
.infol_tit{ width:240px; height:100px; line-height:114px; background:#0082df; text-align:center; color:#fff; font-size:28px; position: relative; z-index: 1000}
.infol_class{ width:240px; padding:0;}
.infol_class ul li{ width:240px; height:60px; overflow:hidden; text-align:left; background:url(../images/fangdian.jpg) #eee 40px center no-repeat;}
.infol_class ul p a{ border-bottom:1px #ddd solid; font-size:12px; color:#888; display: block; padding:10px; display:block;}
.infol_class ul li a{ display:block; line-height:60px; font-size:15px; padding-left:65px;}
.infol_class ul li a:hover{ background:url(../images/fangdian1.jpg) 40px center no-repeat; color:#0082df;}
.infol_class ul li a.lion{ background:url(../images/fangdian1.jpg) 40px center no-repeat; color:#0082df;}


.infor{ width:940px; background:#fff;  padding:15px 30px;}

.infor_tit{ height:50px; border-bottom:1px #ddd solid; background:url(../images/c4.gif) left center no-repeat;}
.infor_tit em{ font-size:19px; line-height:50px; color:#444; padding-left:20px; font-weight:700;}
.infor_tit span{ float:right; color:#999; font-size:12px; padding-top:20px;}
.infor_tit span a{ color:#999; font-size:12px;}
.infor_tit span a:hover{ text-decoration:underline; color:#555;}
.infor_con{ height:auto; padding:20px 5px 20px; font-size:15px; line-height:30px; color:#666 !important;}
.infor_con img{ padding:10px 0; max-width:930px;}
.ntit{ line-height:35px; text-align:center; font-weight:100; color:#333; font-size:23px; font-weight:700; margin:20px auto;}
.jhurl{ width:100%; height:39px; line-height:39px; font-size:12px; font-family:宋体; text-align:center; color:#777;}
.nwcon{ width:100%; height:auto; font-size:15px; line-height:30px; border-bottom:2px #ddd solid; padding:10px 0 50px;}
.nwcon img{ max-width:100% !important;}

.context{ width:100%; height:30px; line-height:30px; padding-top:10px;}
.context ul{ margin:0; padding:0;}
.context ul li{height:30px; line-height:30px;}
.context ul li a{ color:#666;}


.photo ul{ display: flex; flex:2; flex-wrap: wrap; }
.photo ul li{ width: 25%; padding: 10px; box-sizing: border-box; }
.photo ul li img{ width: 100%; }
.photo ul li span{ display: block; line-height: 50px; background:#0082df; color: #fff; text-align: center;}

.contact{ display: flex; justify-content: space-between; }
.contact .contactcon{ width: 50%; line-height: 32px; }
.contact .contactmap{ width: 50% }